import QtQuick 2.0
import QtQuick.Controls 2.0

ProgressBar {
    id: control
    value: 0.1
    padding: 2
    background: Rectangle {
        implicitWidth: 100
        implicitHeight: 30
        color: "#e6e6e6"
        radius: 3
    }

    contentItem: Item {
        implicitWidth: 100
        implicitHeight: 30
        Rectangle {
            width: control.visualPosition * parent.width
            height: parent.height
            radius: 2
            color: "#17a81a"
        }

        Text {
            id: text1
            color: "blue"

            text: Math.floor(control.value * 100) + "%"
            z: 2
            anchors.verticalCenter: parent.verticalCenter
            anchors.right: parent.right
        }
    }

//    Timer {
//        interval: 250
//        repeat: true
//        running: true
//        onTriggered: {
//            if (control.value < 0.99)
//            {
//                control.value += 0.01
//            }
//            else
//            {
//                text1.text = 100 + "%"
//                control.value += 0.01
//                stop();
//            }
//        }
//    }
}
